<!---总览页面真实内容-->
<template>
  <div class="ele-body">
    <a-tabs default-active-key="1" @change="callbackActivityTab">
      <a-tab-pane key="1" tab="实时数据">
        <device-watermeter-data :data="data" />
      </a-tab-pane>
      <a-tab-pane key="2" tab="实时统计">
        <device-watermeter-sub-data :data="data" />
      </a-tab-pane>
      <a-tab-pane key="3" tab="每日使用量统计">
        <device-watermeter-date :data="data" />
      </a-tab-pane>
      <a-tab-pane key="4" tab="设置面板">
        <device-watermeter-config-other :data="data" />
      </a-tab-pane>
      <a-tab-pane key="5" tab="推送情况">
        <device-watermeter-config-queue :data="data" />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script>
import DeviceWatermeterData from './meter-data.vue';
import DeviceWatermeterDate from './meter-date.vue';
import DeviceWatermeterConfigOther from './meter-config-other.vue'
import DeviceWatermeterConfigQueue from './meter-config-queue.vue'
import DeviceWatermeterSubData from './meter-sub-data.vue'
export default {
  name: 'DeviceWatermeter',
  components: {
    DeviceWatermeterData,
    DeviceWatermeterDate,
    DeviceWatermeterConfigOther,
    DeviceWatermeterConfigQueue,
    DeviceWatermeterSubData
  },
  props: {
    data: Object
  },
  data() {
    return {


    };
  },
  methods: {
    callbackActivityTab (index) {
      console.log(index)
    },
  }
};
</script>
